export let glDrawStyles = [

    {
        id: "gl-draw-polygon-fill-inactive",
        type: "fill",
        filter: [
            "all",
            ["==", "active", "false"],
            ["==", "$type", "Polygon"],
            ["!=", "mode", "static"],
            ["has", "user_color"],
        ],
        paint: {
            "fill-color": ["get", "user_color"],
            "fill-outline-color": ["get", "user_color"],
            "fill-opacity": 0.7,
        },
    },
    {
        'id': 'gl-draw-polygon-fill-active',
        'type': 'fill',
        'filter': ['all', ['==', 'active', 'true'],
            ['==', '$type', 'Polygon']
        ],
        'paint': {
            'fill-color': '#fbb03b',
            'fill-outline-color': '#fbb03b',
            'fill-opacity': 0.1
        }
    },
    {
        'id': 'gl-draw-polygon-midpoint',
        'type': 'circle',
        'filter': ['all', ['==', '$type', 'Point'],
            ['==', 'meta', 'midpoint']
        ],
        'paint': {
            'circle-radius': 3,
            'circle-color': '#fbb03b'
        }
    },
    {
        'id': 'gl-draw-polygon-stroke-inactive',
        'type': 'line',
        'filter': ['all', ['==', 'active', 'false'],
            ['==', '$type', 'Polygon'],
            ['!=', 'mode', 'static'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'layout': {
            'line-cap': 'round',
            'line-join': 'round'
        },
        'paint': {
            'line-color': ['get', 'user_selectColor'],
            'line-width': 2,
            'line-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-polygon-stroke-active',
        'type': 'line',
        'filter': ['all', ['==', 'active', 'true'],
            ['==', '$type', 'Polygon']
        ],
        'layout': {
            'line-cap': 'round',
            'line-join': 'round'
        },
        'paint': {
            'line-color': '#fbb03b',
            'line-dasharray': [0.2, 2],
            'line-width': 2
        }
    },
    {
        'id': 'gl-draw-line-inactive',
        'type': 'line',
        'filter': ['all', ['==', 'active', 'false'],
            ['==', '$type', 'LineString'],
            ['!=', 'mode', 'static'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'layout': {
            'line-cap': 'round',
            'line-join': 'round'
        },
        'paint': {
            'line-color': ['get', 'user_selectColor'],
            'line-width': 2,
            'line-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-line-active',
        'type': 'line',
        'filter': ['all', ['==', '$type', 'LineString'],
            ['==', 'active', 'true']
        ],
        'layout': {
            'line-cap': 'round',
            'line-join': 'round'
        },
        'paint': {
            'line-color': '#fbb03b',
            'line-dasharray': [0.2, 2],
            'line-width': 2
        }
    },
    {
        'id': 'gl-draw-polygon-and-line-vertex-stroke-inactive',
        'type': 'circle',
        'filter': ['all', ['==', 'meta', 'vertex'],
            ['==', '$type', 'Point'],
            ['!=', 'mode', 'static'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'circle-radius': 3,
            'circle-color': ['get', 'user_selectColor'],
            'circle-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-polygon-and-line-vertex-inactive',
        'type': 'circle',
        'filter': ['all', ['==', 'meta', 'vertex'],
            ['==', '$type', 'Point'],
            ['!=', 'mode', 'static']
        ],
        'paint': {
            'circle-radius': 7,
            'circle-color': '#fbb03b'
        }
    },
    {
        'id': 'gl-draw-point-point-stroke-inactive',
        'type': 'circle',
        'filter': ['all', ['==', 'active', 'false'],
            ['==', '$type', 'Point'],
            ['==', 'meta', 'feature'],
            ['!=', 'mode', 'static'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'circle-radius': 3,
            'circle-color': ['get', 'user_selectColor'],
            'circle-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-point-inactive',
        'type': 'circle',
        'filter': ['all', ['==', 'active', 'false'],
            ['==', '$type', 'Point'],
            ['==', 'meta', 'feature'],
            ['!=', 'mode', 'static'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'circle-radius': 3,
            'circle-color': ['get', 'user_selectColor'],
            'circle-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-point-stroke-active',
        'type': 'circle',
        'filter': ['all', ['==', '$type', 'Point'],
            ['==', 'active', 'true'],
            ['!=', 'meta', 'midpoint']
        ],
        'paint': {
            'circle-radius': 10,
            'circle-color': '#fff'
        }
    },
    {
        'id': 'gl-draw-point-active',
        'type': 'circle',
        'filter': ['all', ['==', '$type', 'Point'],
            ['!=', 'meta', 'midpoint'],
            ['==', 'active', 'true']
        ],
        'paint': {
            'circle-radius': 8,
            'circle-color': '#fbb03b'
        }
    },
    {
        'id': 'gl-draw-polygon-fill-static',
        'type': 'fill',
        'filter': ['all', ['==', 'mode', 'static'],
            ['==', '$type', 'Polygon'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'fill-color': ['get', 'user_selectColor'],
            'fill-outline-color': ['get', 'user_selectColor'],
            'fill-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-polygon-stroke-static',
        'type': 'line',
        'filter': ['all', ['==', 'mode', 'static'],
            ['==', '$type', 'Polygon'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'layout': {
            'line-cap': 'round',
            'line-join': 'round'
        },
        'paint': {
            'line-color': ['get', 'user_selectColor'],
            'line-width': 2,
            'line-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-line-static',
        'type': 'line',
        'filter': ['all', ['==', 'mode', 'static'],
            ['==', '$type', 'LineString'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'layout': {
            'line-cap': 'round',
            'line-join': 'round'
        },
        'paint': {
            'line-color': ['get', 'user_selectColor'],
            'line-width': 2,
            'line-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-point-static',
        'type': 'circle',
        'filter': ['all', ['==', 'mode', 'static'],
            ['==', '$type', 'Point'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'circle-radius': 3,
            'circle-color': ['get', 'user_selectColor'],
            'circle-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-polygon-color-picker',
        'type': 'fill',
        'filter': ['all', ['==', '$type', 'Polygon'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'fill-color': ['get', 'user_selectColor'],
            'fill-outline-color': ['get', 'user_selectColor'],
            'fill-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-line-color-picker',
        'type': 'line',
        'filter': ['all', ['==', '$type', 'LineString'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'line-color': ['get', 'user_selectColor'],
            'line-width': 2,
            'line-opacity': ['get', 'user_selectOpacity']
        }
    },
    {
        'id': 'gl-draw-point-color-picker',
        'type': 'circle',
        'filter': ['all', ['==', '$type', 'Point'],
            ['has', 'user_selectColor'],
            ['has', 'user_selectOpacity']
        ],
        'paint': {
            'circle-radius': 3,
            'circle-color': ['get', 'user_selectColor'],
            'circle-opacity': ['get', 'user_selectOpacity']
        }
    },

];